<div class="left">
    <div class="lft_nav_bg">
        <div class="nav_hdng">
            Browse By<img src="/public/images/drop_arrw2.png" class="right"
                          style="margin: -3px 16px 0 0;" />
        </div>
    </div>
    <div class="spacer-10"></div>
    <div class="lft_gry_bg">
        <div id="mrgn_15">
            <div class="plain"
                 onmouseout="document.getElementById('DDMenu1').style.display = 'none';"
                 onmouseover="findPosX(this, 'DDMenu1');
                         findPosY(this, 'DDMenu1');
                         document.getElementById('DDMenu1').style.display = 'block';
                         document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('DDMenu4').style.display = 'none';">
                <a class="lft_nav_txt1" href="javascript:void(0);"
                   onmouseout="document.getElementById('DDMenu1').style.display = 'none';"
                   onmouseover="findPosX(this, 'DDMenu1');
                         findPosY(this, 'DDMenu1');
                         document.getElementById('DDMenu1').style.display = 'block';
                         document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('DDMenu4').style.display = 'none';"
                   id="artistName">Artist Name</a>
            </div>
            <div class="spacer-10"></div>
            <div class="plain"
                 onmouseout="document.getElementById('DDMenu2').style.display = 'none';"
                 onmouseover="findPosX(this, 'DDMenu2');
                         findPosY(this, 'DDMenu2');
                         document.getElementById('DDMenu2').style.display = 'block';
                         document.getElementById('DDMenu1').style.display = 'none';
                         document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('DDMenu4').style.display = 'none';">
                <a class="lft_nav_txt1" href="javascript:void(0);"
                   onmouseout="document.getElementById('DDMenu2').style.display = 'none';"
                   onmouseover="findPosX(this, 'DDMenu2');
                         findPosY(this, 'DDMenu2');
                         document.getElementById('DDMenu2').style.display = 'block';
                         document.getElementById('DDMenu1').style.display = 'none';
                         document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('DDMenu4').style.display = 'none';"
                   id="themeName">Theme</a>
            </div>
            <div class="spacer-10"></div>
            <div class="plain"
                 onmouseout="document.getElementById('DDMenu3').style.display = 'none';"
                 onmouseover="findPosX(this, 'DDMenu3');
                         findPosY(this, 'DDMenu3');
                         document.getElementById('DDMenu3').style.display = 'block';
                         document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('DDMenu1').style.display = 'none';
                         document.getElementById('DDMenu4').style.display = 'none';">
                <a class="lft_nav_txt1" href="javascript:void(0);"
                   onmouseout="document.getElementById('DDMenu3').style.display = 'none';"
                   onmouseover="findPosX(this, 'DDMenu3');
                         findPosY(this, 'DDMenu3');
                         document.getElementById('DDMenu3').style.display = 'block';
                         document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('DDMenu1').style.display = 'none';
                         document.getElementById('DDMenu4').style.display = 'none';"
                   id="mediumName">Medium</a>
            </div>
            <div class="spacer-10"></div>
            <div class="plain"
                 onmouseout="document.getElementById('DDMenu4').style.display = 'none';"
                 onmouseover="findPosX(this, 'DDMenu4');
                         findPosY(this, 'DDMenu4');
                         document.getElementById('DDMenu4').style.display = 'block';
                         document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('DDMenu1').style.display = 'none';">
                <a class="lft_nav_txt1" href="javascript:void(0);"
                   onmouseout="document.getElementById('DDMenu4').style.display = 'none';"
                   onmouseover="findPosX(this, 'DDMenu4');
                         findPosY(this, 'DDMenu4');
                         document.getElementById('DDMenu4').style.display = 'block';
                         document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('DDMenu1').style.display = 'none';"
                   id="categoryName">Catagories</a>
            </div>
        </div>
    </div>
    <div class="spacer-10"></div>

    <!--DropDownMenu Divs_starts-->
    <div id="DDMenu1"
         style="width: 391px; position: absolute; z-index: 7000; display: none; background-color: #edede9; border: thin solid black;"
         onmouseout="document.getElementById('DDMenu1').style.display = 'none';
                         document.getElementById('artistName').className = 'lft_nav_txt1';"
         onmouseover="document.getElementById('DDMenu1').style.display = 'block';
                         document.getElementById('artistName').className = 'lft_nav_txt1';">
        <div class="dropshadow1" style="position: relative">
            <div class="">
                <div class="drpdown">
                    <div class="clr">&nbsp;</div>
                    <div>
                        
                        <ul class="drpdwntxt mr_drp">
                            <?php foreach ($artistName as $admin) { ?>
                                <li class="left" style="margin: 5px 10px 10px 0;"><a
                                        class="drpdwntxt" href="#"><?php echo $admin['fname'] . " " . $admin['lname']; ?></a></li>
                            
                            <?php } ?>
                        </ul>
                        <!--<li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <div class="clr-both"></div>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <div class="clr-both"></div>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <div class="clr-both"></div>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <li class="left" style="margin: 5px 10px 10px 0;"><a
                                class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                        <div class="clr-both"></div>-->

                    </div>
                    <div class="clr">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>

    <div id="DDMenu2"
         style="width: 391px; position: absolute; z-index: 7000; display: none; background-color: #edede9; border: thin solid black;"
         onmouseout="document.getElementById('DDMenu2').style.display = 'none';
                         document.getElementById('themeName').className = 'lft_nav_txt1';"
         onmouseover="document.getElementById('DDMenu2').style.display = 'block';
                         document.getElementById('themeName').className = 'lft_nav_txt1';">
        <div class="dropshadow1" style="position: relative">
            <div class="">
                <div class="drpdown">
                    <div class="clr">&nbsp;</div>
                    <div>
                        <ul class="drpdwntxt mr_drp">
                             <?php foreach ($themeName as $admin) { ?>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#"><?php echo $admin['theme_name']; ?></a></li>
                                    <?php }?>
                            <!--<li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>-->
                        </ul>
                    </div>
                    <div class="clr">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>

    <div id="DDMenu3"
         style="width: 391px; position: absolute; z-index: 7000; display: none; background-color: #edede9; border: thin solid black;"
         onmouseout="document.getElementById('DDMenu3').style.display = 'none';
                         document.getElementById('mediumName').className = 'lft_nav_txt1';"
         onmouseover="document.getElementById('DDMenu3').style.display = 'block';
                         document.getElementById('mediumName').className = 'lft_nav_txt1';">
        <div class="dropshadow1" style="position: relative">
            <div class="">
                <div class="drpdown">
                    <div class="clr">&nbsp;</div>
                    <div>
                        <ul class="drpdwntxt mr_drp">
                            <?php foreach ($mediumName as $admin) { ?>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#"><?php echo $admin['medium_name']; ?></a></li>
                                    <?php }?>
                           <!-- <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>-->
                        </ul>
                    </div>
                    <div class="clr">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>

    <div id="DDMenu4"
         style="width: 391px; position: absolute; z-index: 7000; display: none; background-color: #edede9; border: thin solid black;"
         onmouseout="document.getElementById('DDMenu4').style.display = 'none';
                         document.getElementById('categoryName').className = 'lft_nav_txt1';"
         onmouseover="document.getElementById('DDMenu4').style.display = 'block';
                         document.getElementById('categoryName').className = 'lft_nav_txt1';">
        <div class="dropshadow1" style="position: relative">
            <div class="">
                <div class="drpdown">
                    <div class="clr">&nbsp;</div>
                    <div>
                        <ul class="drpdwntxt mr_drp">
                            <?php foreach ($catagoriesName as $admin) { ?>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#"><?php echo $admin['name']; ?></a></li>
                                    <?php }?>
                           <!-- <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <li class="left" style="margin: 5px 10px 10px 0;"><a
                                    class="drpdwntxt" href="#">Nitesh Chaudhry</a></li>
                            <div class="clr-both"></div>-->
                        </ul>
                    </div>
                    <div class="clr">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>
    <!--DropDownMenu Divs_ends-->

    <!--left  Nav ylw part strts--->
    <div class="lft_ylw_bg">
        <div class="pad_10 w_270">
            <div class="left txt_w" style="margin: 8px 0 -4px 15px;">Tell Us
                What You Want</div>
            <div class="clr-both"></div>
            <div class="txt_w" style="margin: 0px 0 -8px 15px;">We Will Find It
                For You.</div>
        </div>
        <div class="right">
            <form action="#">
                <input type="text" placeholder="  What Are You Searching"
                       name="search"
                       style="height: 22px; font-size: 13px; font-style: italic; width: 200px; margin: 0 30px 0 0;" />
                <br />
                <div class="spacer-5"></div>
                <input type="text" placeholder="  Your E-Mail" name="Mail"
                       style="height: 22px; font-size: 13px; font-style: italic; width: 200px;" />
                <br /> <input type="button" name="Continue" value="Continue"
                              class="srch3 right"
                              style="border: none; width: 100px; background-color: #ac0000; margin: 9px 34px 0 0; height: 30px" />
            </form>
        </div>
    </div>
    <div style="position: relative; left: 0px; right: opx";>
        <img src="/public/images/edge.png"
             style="position: relative; top: 0; left: 0;" /><img
             src="/public/images/thumb_up.png"
             style="position: absolute; top: -30px; left: 20px;" />
    </div>
    <div class="spacer-10"></div>
    <div class="lft_nav_bg2" style="border: #000000 solid 1px;">
        <img src="/public/images/ad.png" />
    </div>
</div>
<!--left  Nav ylw part ends--->